<%@ page language="java" pageEncoding="UTF-8"%>
<div class="tour-guides section" id="section-4" >
	  <div class="tour-guides-head text-center">
		  <h3>TOUR GUIDES</h3>
		  <span></span><img src="ext/index/images/guide.png" alt=""><span></span>
		  <div class="container">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
				   Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
		  </div>
	  </div>
	  <div class="container">
		<!-- requried-jsfiles-for owl -->
				<link href="ext/index/css/owl.carousel.css" rel="stylesheet">
							    <script src="ext/index/js/owl.carousel.js"></script>
							        <script>
							    $(document).ready(function() {
							      $("#owl-demo").owlCarousel({
							        items : 1,
							        lazyLoad : true,
							        autoPlay : true,
							        navigation : false,
							        navigationText :  false,
							        pagination : true,
							      });
							    });
							    </script>
			<!-- //requried-jsfiles-for owl -->
		  <div id="owl-demo" class="owl-carousel">
			  <div class="item text-center guide-sliders">
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g1.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Elena Smith</a></p>
					 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g2.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">John Wilson</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g3.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Kelly Gomez</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g4.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Alex Franky</a></p>
				 </div>   
			  </div>
			  <div class="item text-center guide-sliders">
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g5.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">John</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g6.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Joe Winifred</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g7.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Kevin</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g8.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Fedora Willam</a></p>
				 </div>   
			  </div>
			  <div class="item text-center guide-sliders">
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g9.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Charles John</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g10.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Sunny Martin</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g11.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Alize Smith</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g12.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Tom Crusis</a></p>
				 </div>   
			  </div>   
			 <div class="item text-center guide-sliders">
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g4.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Elena Smith</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g3.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">John Wilson</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g2.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Kelly Gomez</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g1.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Alex Franky</a></p>
				 </div>   
			  </div>
			  <div class="item text-center guide-slide">
			  <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g8.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">John</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g7.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Joe Winifred</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g6.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Kevin</a></p>
				 </div>
				 <div class="col-md-3 image-grid">
					 <img src="ext/index/images/g5.jpg">
					 <div class="guide-caption">
					 <span></span>
						<a href="#"><span class="twit"> </span></a>
						<a href="#"><span class="fb"> </span></a>
						<a href="#"><span class="gplus"> </span></a>
					 </div>
					 <p><a href="#">Fedora Willam</a></p>
				 </div> 
			  </div>
		  </div>
		</div>
</div>